<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">


    <f:loadBundle basename="com.sucresale.utilities.SucreSale-PageMessages" var="pageMessages"/>

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Welcome to Sucre Sale</title>
        <link type="text/css" rel="stylesheet" href="css/skin.css"></link>
    </h:head>

    <style type="text/css" media="screen">

        #container {
            margin:auto;
            width:930px;
            text-align:center;
        }

        #homeBox {
            <!-- background-image:url(homebkgd.jpg); -->
            background-repeat:no-repeat;
            width:630px;
            left: 50;
            height:495px;
            display:block;
            text-align:left;
            background-color: white;
            left: inherit;
        }

        #topNav {
            display:block;
            position:relative;
            text-align:left;
            margin:0;
            height:10px;
            padding:25px 0 25px 15px;
        }



    </style>


    <h:body>

        <br></br><br></br>
        <table width="720" border="0" align="center" cellpadding="0" bgcolor="white" style="opacity:.85">
            <tr>
                <td align="left" valign="top">
                    <div style="position:relative;left:-20px;top:-10px;width:155px;">
                        <img src="images/Logo_3.jpg" width="155" height="95" alt="Logo_3"/><br></br>
                        <center>
                            <label style="font-family:arial"><b>809.565.2222</b></label>
                        </center>

                    </div>

                    <td align="right" valign="bottom">
                        <br></br><br></br>
                        <table border="0">
                            <tr>
                                <td>
                                    &nbsp;
                                    <h:commandButton image="images/Order_OnlineIMG_2.jpg"
                                                     onclick="dlg1.show();" type="button"></h:commandButton>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                    <h:commandButton image="images/menu_1.jpg"
                                                     onclick="dlg2.show();" type="button">
                                    </h:commandButton>
                                    &nbsp;
                                </td>
                                <td>
                                    &nbsp;
                                    <h:commandButton image="images/addr_3.jpg"></h:commandButton>
                                    &nbsp;
                                </td>
                            </tr>
                            <tr style="font-family: arial;font-size: 11;">
                                <td align="center" valign="top">
                                    order
                                </td>

                                <td align="center" valign="top">
                                    menu
                                </td>

                                <td align="center" valign="top">
                                    location
                                </td>

                            </tr>
                        </table>

                    </td>


                </td>

            </tr>
            <tr>

                <td colspan="2" align="center">
                    <br></br><br></br><br></br>
                    <img src="images/ss_27_6.jpg" width="639" height="284" alt="ss_27_6"/>
                </td>
            </tr>

            <tr>
                <td colspan="2" align="center">
                    <br></br>
                    <img src="images/mascot_1.jpg" style="position:relative;"/>
                </td>
            </tr>
        </table>

        <p:dialog header="Place Your Order" widgetVar="dlg1" modal="true" height="200" width="500" resizable="false">

            <h:panelGrid columns="2">

                <h:panelGrid columns="1">
                    <h:form>
                        <h:panelGrid columns="2">
                            <h:outputLabel  value="#{pageMessages.MAIN_PAGE_USERNAME_LABEL}" />
                            <h:inputText id="username" value="#{UserAdminManagedBean.username}"/>
                            <h:outputLabel value="#{pageMessages.MAIN_PAGE_PASSWORD_LABEL}" />
                            <h:inputSecret value="#{UserAdminManagedBean.password}"/>
                            <p:watermark for="username" value="Enter your email Address"/>

                        </h:panelGrid>
                        <p:commandButton action="#{UserAdminManagedBean.checkCredentials}" value="#{pageMessages.MAIN_PAGE_CREDENTIAL_CHECK}" style="width: 300px" ajax="false"/>

                    </h:form>

                </h:panelGrid>

                <h:panelGrid columns="1">

                    <h:form>
                        <p:commandButton value="#{pageMessages.MAIN_PAGE_NEW_USER}" oncomplete="newUserDialog.show()"/>

                        <hr/>

                        <p:commandLink action="#{UserAdminManagedBean.forgotYourPassword}" value="#{pageMessages.MAIN_PAGE_FORGOT_YOUR_PASSWORD}"/>

                    </h:form>
                </h:panelGrid>
            </h:panelGrid>

        </p:dialog>

        <p:dialog header="Menu" widgetVar="dlg2" modal="true" width="900" styleClass="">

            <img src="images/brochure_verso.jpg" width="860" height="630" alt="brochure_verso"/>

        </p:dialog>

    </h:body>

</html>
